{% extends '::layout.html.twig' %}

{% block title %}Accueil{% endblock %}

{% block js %}	
    <script type="text/javascript" src="{{ asset('bundles/lettralletter/js/slides.min.jquery.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/lettralletter/js/jquery.home.js') }}"></script>
{% endblock %}

{% block content %}
<h1>Démonstration</h1>
	<div id="slider">
			<div id="slides">
				<div class="slides_container">
					<div class="slide">
						<img src="{{ asset('bundles/lettralletter/images/slide-1.png') }}" width="827" height="510" alt="Slide 1">
						<div class="caption" style="bottom:0">
							Carnet d'adresses
						</div>
					</div>
					<div class="slide">
						<img src="{{ asset('bundles/lettralletter/images/slide-2.png') }}" width="827" height="510" alt="Slide 1">
						<div class="caption" style="bottom:0">
							Complétion automatique de la ville
						</div>
					</div>
					<div class="slide">
						<img src="{{ asset('bundles/lettralletter/images/slide-3.png') }}" width="827" height="510" alt="Slide 1">
						<div class="caption" style="bottom:0">
							Editeur de texte
						</div>
					</div>
					<div class="slide">
						<img src="{{ asset('bundles/lettralletter/images/slide-4.png') }}" width="827" height="510" alt="Slide 1">
						<div class="caption" style="bottom:0">
							Formule de politesse
						</div>
					</div>
					<div class="slide">
						<img src="{{ asset('bundles/lettralletter/images/slide-5.png') }}" width="827" height="510" alt="Slide 1">
						<div class="caption" style="bottom:0">
							Téléchargement en PDF
						</div>
					</div>
				</div>
				<a href="#" class="prev"><img src="{{ asset('bundles/lettralletter/images/arrow-prev.png') }}" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="{{ asset('bundles/lettralletter/images/arrow-next.png') }}" width="24" height="43" alt="Arrow Next"></a>
			</div>
			
		</div>
{% endblock %}
